.content {
    // padding: 0 30px;

  
    .top {
      width: 100%;
      height: 262px;
      justify-content: flex-end;
      background: url("/src/assets/login/top-bg.png") no-repeat;
      background-size: 100% 100%;
      padding: 5px 30px;
      box-sizing: border-box;
  
      .logo {
        align-items: center;
        align-items: center;
        margin: auto 0;
  
        .icon {
          width: 36px;
          height: 36px;
  
          img {
            width: 100%;
            height: 100%;
          }
        }
  
        .title {
          font-size: 18px;
          font-weight: 600;
          color: #eb6069;
          margin-left: 5px;
        }
      }
  
      .tabs {
        align-items: center;
  
        .tab {
          font-size: 14px;
          color: #666666;
          margin-right: 30px;
        }
  
        .active {
          font-size: 18px;
          color: #333;
          font-weight: 600;
        }
      }
    }
  
    .form-login {
      padding: 0 30px;
      box-sizing: border-box;
      margin: 50px 0;
  
      .form-content {
        margin-bottom: 20px;
      }
  
      .forget {
        text-align: right;
        font-size: 12px;
        color: #666666;
      }
    }
  
    .foot {
      padding: 0 30px;
  
      .choose {
        align-items: center;
  
        .font {
          margin-left: 5px;
          font-size: 11px;
          color: #666666;
        }
      }
  
      .log_btn {
        background: linear-gradient(-90deg, #fd876c 0%, #fe5c6c 100%);
        height: 44px;
        line-height: 44px;
        font-weight: 600;
        font-size: 18px;
        color: #ffffff;
        text-align: center;
        border-radius: 50px;
        margin-top: 30px;
      }
      .log_btn_disable {
        background: linear-gradient( -90deg, rgba(253,135,108,0.5) 0%, rgba(254,92,108,0.5) 100%);
      }
    }
  }
  

  
  :deep(.van-cell) {
    width: 315px;
    height: 44px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.04);
    border-radius: 50px;
    // line-height: 30px;
    // padding-left: 0;
  }
  
  :deep(.van-cell__title) {
    display: flex;
    align-items: center;
    justify-content: center;
    // margin-right: 0;
    // font-size: 14px;
    // color: #333;
    // font-weight: 600;
  }
  :deep(.van-field__value) {
    display: flex;
    align-items: center;
  }
  
  :deep(.van-field__button) {
    .btn {
      color: #fa5151;
      border-left: 1px solid #d8d8d8;
      padding-left: 15px;
      font-size: 12px;
      height: 20px;
      line-height: 18px;
      border-radius: 0;
      display: flex;
      align-items: center;
    }
  }
  
  //开始过度
  .fade-enter-from {
    opacity: 0;
  }
  
  //开始过度了
  .fade-enter-active {
    transition: all 0.5s linear;
  }
  
  //过度完成
  .fade-enter-to {
    opacity: 1;
  }
  
  //离开的过度
  .fade-leave-from {
    opacity: 1;
  }
  
  //离开中过度
  .fade-leave-active {
    transition: all 0s linear;
  }
  
  //离开完成
  .fade-leave-to {
    opacity: 0;
  }